$pink: #fb0027;
$blue: #0a5287;
$black: #000;
$green: #16a3b0;

.mui-scroll{
  background: #ededed;
}
.switch{
  background: #ededed;
  padding-top: .1rem;
  .box{
    &:before {
      position: absolute;
      right: 0;
      top: 0.09rem;
      left: 0;
      height: 1px;
      content: '';
      webkit-transform: scaleY(0.5);
      transform: scaleY(0.5);
      background-color: #c8c7cc;
    }
    .product-switch{
      .jeep{
        padding: .1rem .15rem;
        background: #fff;
        &:before{
          position: absolute;
          right: 0;
          bottom: 0;
          left: 0;
          height: 1px;
          content: '';
          webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
          background-color: #c8c7cc;
          &.add{
            &:before{
              position: absolute;
              right: 0;
              top: 0;
              left: 0;
              height: 1px;
              content: '';
              webkit-transform: scaleY(0.5);
              transform: scaleY(0.5);
              background-color: #c8c7cc;
            }
          }
        }
        label{
          position: absolute;
          left: .8rem;
          top: .22rem;
          color: #3b3b3b;
        }
        input[type="radio"]{
          position: absolute;
          top: .23rem;
        }
        img{
          float: left;
          width: 0.6rem;
          height: 0.6rem;
          overflow: hidden;
        }

      }
    }
  }
}